<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
		<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
		<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
		<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
		<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
		<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->

		<title>意见反馈</title>
	</head>
	<body>
		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 系统管理 <span class="c-gray en">&gt;</span>
			意见反馈 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
			 title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
		<div class="page-container">
			<!-- <div class="text-c"> 日期范围：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}' })" id="datemin" class="input-text Wdate" style="width:120px;">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d' })" id="datemax" class="input-text Wdate" style="width:120px;">
		<input type="text" class="input-text" style="width:250px" placeholder="输入关键词" id="" name="">
		<button type="submit" class="btn btn-success radius" id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜意见</button>
	</div> -->
			<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i
						 class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> </span> </div>
			<div class="mt-20">
				<table class="table table-border table-bordered table-hover table-bg table-sort">
					<thead></thead>
					<tbody id="tbody_id"></tbody>
					<!-- <thead>
				<tr class="text-c">
					<th width="25"><input type="checkbox" name="" value=""></th>
					<th width="60">ID</th>
					<th width="60">用户名</th>
					<th>留言内容</th>
					<th width="100">操作</th>
				</tr>
			</thead>
			<tbody>
				<tr class="text-c">
					<td><input type="checkbox" value="1" name=""></td>
					<td>1</td>
					<td><a href="javascript:;" onclick="member_show('张三','member-show.html','10001','360','400')"><i class="avatar size-L radius"><img alt="" src="static/h-ui/images/ucnter/avatar-default-S.gif"></i></a></td>
					<td class="text-l"><div class="c-999 f-12">
							<u style="cursor:pointer" class="text-primary" onclick="member_show('张三','member-show.html','10001','360','400')">张三</u> <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time> <span class="ml-20">13000000000</span> <span class="ml-20">admin@mail.com</span></div>
							<div class="f-12 c-999"><a href="http://www.h-ui.net/Hui-4.22-comment.shtml" target="_blank">http://www.h-ui.net/Hui-4.22-comment.shtml</a></div>
						<div>留言内容</div></td>
					<td class="td-manage"><a title="编辑" href="javascript:;" onclick="member_edit('编辑','member-add.html','4','','510')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
				<tr class="text-c">
					<td><input type="checkbox" value="1" name=""></td>
					<td>1</td>
					<td><a href="javascript:;" onclick="member_show('张三','member-show.html','10001','360','400')"><i class="avatar size-L radius"><img alt="" src="static/h-ui/images/ucnter/avatar-default-S.gif"></i></a></td>
					<td class="text-l"><div class="c-999 f-12">
							<u style="cursor:pointer" class="text-primary" onclick="member_show('张三','member-show.html','10001','360','400')">张三</u> <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time> <span class="ml-20">13000000000</span> <span class="ml-20">admin@mail.com</span></div>
							<div class="f-12 c-999"><a href="http://www.h-ui.net/Hui-4.22-comment.shtml" target="_blank">http://www.h-ui.net/Hui-4.22-comment.shtml</a></div>
						<div>留言内容</div></td>
					<td class="td-manage"><a title="编辑" href="javascript:;" onclick="member_edit('编辑','member-add.html','4','','510')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
				<tr class="text-c">
					<td><input type="checkbox" value="1" name=""></td>
					<td>1</td>
					<td><a href="javascript:;" onclick="member_show('张三','member-show.html','10001','360','400')"><i class="avatar size-L radius"><img alt="" src="static/h-ui/images/ucnter/avatar-default-S.gif"></i></a></td>
					<td class="text-l"><div class="c-999 f-12">
							<u style="cursor:pointer" class="text-primary" onclick="member_show('张三','member-show.html','10001','360','400')">张三</u> <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time> <span class="ml-20">13000000000</span> <span class="ml-20">admin@mail.com</span></div>
							<div class="f-12 c-999"><a href="http://www.h-ui.net/Hui-4.22-comment.shtml" target="_blank">http://www.h-ui.net/Hui-4.22-comment.shtml</a></div>
						<div>留言内容</div></td>
					<td class="td-manage"><a title="编辑" href="javascript:;" onclick="member_edit('编辑','member-add.html','4','','510')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
				<tr class="text-c">
					<td><input type="checkbox" value="1" name=""></td>
					<td>1</td>
					<td><a href="javascript:;" onclick="member_show('张三','member-show.html','10001','360','400')"><i class="avatar size-L radius"><img alt="" src="static/h-ui/images/ucnter/avatar-default-S.gif"></i></a></td>
					<td class="text-l"><div class="c-999 f-12">
							<u style="cursor:pointer" class="text-primary" onclick="member_show('张三','member-show.html','10001','360','400')">张三</u> <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20">2014-8-31 15:20</time> <span class="ml-20">13000000000</span> <span class="ml-20">admin@mail.com</span></div>
							<div class="f-12 c-999"><a href="http://www.h-ui.net/Hui-4.22-comment.shtml" target="_blank">http://www.h-ui.net/Hui-4.22-comment.shtml</a></div>
						<div>留言内容</div></td>
					<td class="td-manage"><a title="编辑" href="javascript:;" onclick="member_edit('编辑','member-add.html','4','','510')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
			</tbody> -->
				</table>
			</div>
		</div>

		<!--_footer 作为公共模版分离出去-->
		<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
		<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
		<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
		<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
		<!--/_footer /作为公共模版分离出去-->

		<!--请在下方写此页面业务相关的脚本-->
		<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
		<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
		<script type="text/javascript" src="js/jquery.base64.js"></script>
		<script type="text/javascript">
			var urlPort="http://39.100.91.49:8060";
			var url = urlPort+"/feedback/queryfeedback";
			$(".table-sort").dataTable({
				"bProcessing": true, //DataTables载入数据时，是否显示‘进度’提示
				"bAutoWidth": true, //是否自适应宽度  
				//stateSave: true,
				"lengthMenu":[10, 50, 100],
				"pageLength": 100,
				"aaSorting": [
					[1, "asc"]
				], //默认第几个排序
				
				"aoColumnDefs": [
					//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
					{
						"orderable": false,
						"aTargets": [0, 6]
					} // 制定列不参与排序
				],
				"aoColumns": [{
					"mDataProp": this.settings,
					"sTitle": "<input type='checkbox' value=''/>",
					"sDefaultContent": "", //此列默认值为""，以防数据中没有此值，DataTables加载数据的时候报错  
					"render": function(data, type, row, meta) {
						return '<td><input class="check_item" type="checkbox" value="' + row.id + '"/></td>';
					}
					// "sClass": "text-center"
					// "bVisible" : false //此列不显示  
				}, {
					"mDataProp": "content",
					"sTitle": "留言内容",
					"sDefaultContent": "",
					"sClass": "center"
				}, {
					"mDataProp": "username",
					"sTitle": "用户名",
					"sDefaultContent": "",
					"sClass": "center"
				}, {
					"mDataProp": "companyname",
					"sTitle": "分公司",
					"sDefaultContent": "",
					"sClass": "center"
				}, {
					"mDataProp": "officename",
					"sTitle": "所属",
					"sDefaultContent": "",
					"sClass": "center"
				}, {
					"mDataProp": "profession",
					"sTitle": "职务",
					"sDefaultContent": "",
					"sClass": "center"
				}, {
					"mDataProp": "createTime",
					"sTitle": "提交日期",
					"sDefaultContent": "",
					"sClass": "center",
					"render": function(data, type, row) {
						var oldTime = (new Date(row.createTime)).getTime();
						var curTime = new Date(oldTime).format("yyyy-MM-dd hh:mm:ss");
						return '<td>' + curTime + '</td>';
					}
				}],
				"sAjaxSource": url,
				"fnRowCallback": function(nRow, aData, iDisplayIndex) {
					//$('td:eq(1)', nRow).html(enabledSpan);
					/* 用来改写用户权限的 */
					if (aData.companyid == '1')
						$('td:eq(3)', nRow).html('管理员');
					if (aData.companyid == '2')
						$('td:eq(3)', nRow).html('资料下载');
					if (aData.companyid == '3')
						$('td:eq(3)', nRow).html('一般用户');
					return nRow;
				},
				"fnServerData": function(sSource, aDataSet, fnCallback) {
					$.ajax({
						"dataType": 'JSON',
						"type": "GET",
						"url": sSource,
						"data": aDataSet,
						"success": fnCallback,
						/* function(data) {
							console.log("==>"+JSON.stringify(data))
							return data; 
							//重新构建table  
							$('.table-sort').dataTable().fnClearTable(); //将数据清除  
							$('.table-sort').dataTable().fnAddData(data, true);
							return data;
						} */
					});
				}

			});
			//日期格式转换
			Date.prototype.format = function(fmt) {
				var o = {
					"M+": this.getMonth() + 1, //月份 
					"d+": this.getDate(), //日 
					"h+": this.getHours(), //小时 
					"m+": this.getMinutes(), //分 
					"s+": this.getSeconds(), //秒 
					"q+": Math.floor((this.getMonth() + 3) / 3), //季度 
					"S": this.getMilliseconds() //毫秒 
				};
				if (/(y+)/.test(fmt)) {
					fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
				}
				for (var k in o) {
					if (new RegExp("(" + k + ")").test(fmt)) {
						fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
					}
				}
				return fmt;
			}

			/*删除*/
			function datadel() {
				var ids = "";
				if ($(".check_item:checked").parents("tr").find("td:eq(4)").text() == '') {
					layer.open({
						title: '删除',
						content: '未选择任何删除项，请重新选择!'
					});
					return;
				} else {
					$.each($(".check_item:checked"), function() {
						if (ids == "") {
							ids = $(this).parents("tr").find("td").eq(0).children('input').val();
						} else {
							ids = ids + "," + $(this).parents("tr").find("td").eq(0).children('input').val();
						}
					});
					console.log("批量删除：" + ids)
					layer.confirm('确认要删除吗？', function(index) {
						if (ids == "") {
							layer.open({
								content: "请选择要删除项",
								title: '删除',
								yes: function(index, layero) {
									layer.close(index); //如果设定了yes回调，需进行手工关闭
								}
							});
							return;
						}
						$.ajax({
							type: 'post',
							url: urlPort+"/feedback/deleteFeedBackByIds",
							data: {
								"ids": ids
							},
							cache: false,
							/* beforeSend: function(request) {
								request.setRequestHeader("Authorization", "Bearer " + getToken());
							}, */
							dataType: 'json',
							success: function(data) {
								console.log(data.status)
								if (data.status) {
									layer.open({
										content: "删除成功！",
										title: '删除胆/包',
										yes: function(index, layero) {
											layer.close(index); //如果设定了yes回调，需进行手工关闭
											document.location.reload();
										}
									});
									//
								} else {
									alert("删除失败，请重新删除！")
								}
							},
							error: function() {
								//alert("请求失败");
							}
						});
					});
				}
			}


















			/* $(function(){
				$('.table-sort').dataTable({
					"aaSorting": [[ 1, "desc" ]],//默认第几个排序
					"bStateSave": true,//状态保存
					"aoColumnDefs": [
					  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
					  {"orderable":false,"aTargets":[0,2,4]}// 制定列不参与排序
					]
				});

			});
			function member_add(title,url,w,h){
				layer_show(title,url,w,h);
			}
			function member_show(title,url,id,w,h){
				layer_show(title,url,w,h);
			}
			function member_stop(obj,id){
				layer.confirm('确认要停用吗？',function(index){
					$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
					$(obj).remove();
					layer.msg('已停用!',{icon: 5,time:1000});
				});
			}

			function member_start(obj,id){
				layer.confirm('确认要启用吗？',function(index){
					$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
					$(obj).remove();
					layer.msg('已启用!',{icon: 6,time:1000});
				});
			}
			function member_edit(title,url,id,w,h){
				layer_show(title,url,w,h);
			}
			function change_password(title,url,id,w,h){
				layer_show(title,url,w,h);	
			}
			function member_del(obj,id){
				layer.confirm('确认要删除吗？',function(index){
					$.ajax({
						type: 'POST',
						url: '',
						beforeSend: function (request) {
									request.setRequestHeader("Authorization", "Bearer " + getToken());
								},
								dataType: 'json',
						success: function(data){
							$(obj).parents("tr").remove();
							layer.msg('已删除!',{icon:1,time:1000});
						},
						error:function(data) {
							console.log(data.msg);
						},
					});		
				});
			} */
		</script>
	</body>
</html>
